<template>
	<view>
		<view class="content">
			<view class="contenView" v-for="(item,index) in stockList" :key="index">
				<view style="width: auto; height: 240rpx;display: flex;align-items: center; padding-left: 20rpx;">
					<image src="../../../static/disinfection/drugs.png" style="width: 120rpx; height: 120rpx; align-items: center;" mode="aspectFit"></image>
				</view>
				<view style="display: flex; flex-direction: column; height: 250rpx; justify-content: center; align-items: center; padding-left: 20rpx;">
					<text>{{item.name}}</text>
					<text>剩余{{item.count}}kg</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data () {
			return {
				stockList:[
					{
						name:'酒精',
						count: '2'
					},
					{
						name:'酒精',
						count: '2'
					},
					{
						name:'酒精',
						count: '2000'
					},
					{
						name:'酒精',
						count: '2'
					},
					{
						name:'酒精',
						count: '2'
					}
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less">
	.content {
		width: 750rpx;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		position: absolute;
		top:50%;
		left:50%;
		transform: translate(-50%,-50%);
	}
	
	.contenView {
		display: flex;
		flex-wrap: wrap;
		margin: auto;
		width: 350rpx;
		height: 250rpx;
		font-size: 28rpx;
		border-radius: 52rpx;
		font-weight: bold;
		margin-bottom: 20rpx;
		color: black;
		box-shadow: 0rpx 0rpx 10rpx 5rpx #C0C0C0;
	}
</style>
